<template>
  <!-- 
    首页，搜索页，个人中心，分类，活动日历，详情页（选座位），下单页
    已搞定的页面：
    分类(用了4小时的架构设计)
   -->
  <div>
    <router-view v-if="!$route.meta || ($route.meta && !$route.meta.kl)" />
    <!-- 
    {
      单独是keepalive标签，并且放到keepalive里面的标签，即被缓存起来，
      如果使用了include，表明只缓存某个组件（是个数组，组件标签或组件name），如果使用了exclude，表明排除缓存哪些内容，并且两者只能使用其一，要么就两者不使用
    }
   -->
    <router-view #default="{ Component }"> <keep-alive>
        <component v-if="$route.meta && $route.meta.kl" :is="Component" :key="$route.path" />
      </keep-alive> </router-view>
  </div>
</template>

<style>
* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  text-decoration: none;
  list-style: none;
  appearance: none;
  -webkit-appearance: none;
}

body {
  font-size: 16px !important;
  overflow: hidden auto !important;
}

html {
  overflow: hidden auto !important;
}

.van-grid-item__content .van-grid-item__text {
  font-size: .3rem;
}

/*  */
.van-card {
  padding-right: 30px !important;
  background-color: transparent !important;
  border-bottom: 1px solid #ebebeb !important;
}

.van-card__title,
.van-card__desc,
.van-card__bottom,
.van-card__bottom span {
  max-height: none !important;
  line-height: normal !important;
  font-size: 20px;
}

.van-card__title {
  font-size: 30px !important;
}

.van-card__thumb {
  margin: 20px !important;
  width: 130px !important;
  height: 190px !important;
}

.van-image__error {
  background-color: #e1e1e1 !important;
}

.van-card__title {
  margin-top: 15px !important;
}

.van-card__desc {
  min-height: 110px !important;
}

.van-card__bottom {
  position: relative !important;
  top: -20px !important;
}

.van-card__price-currency,
.van-card__origin-price {
  font-size: 16px !important;
}

.van-card__price-integer {
  font-size: 30px !important;
}

/*  */
.van-cell,
.van-badge__wrapper {
  line-height: 60px !important;
}

.van-cell__title {
  margin-left: 10px;
}

/*  */
.van-search__field {
  height: 55px !important;
}

.van-search {
  padding: 20px !important;
}

.van-search .van-badge__wrapper {
  font-size: 30px !important;
}
</style>
